<template>
  <div class="card-container max-height">
    <a-tabs class="max-height" :tab-bar-gutter="20" v-model:activeKey="activeKey">
      <template #tabBarExtraContent>
        <a-tag id="123" color="#f1a402">万物</a-tag>
      </template>
      <a-tab-pane key="1">
        <template #tab>
          <span>Tab 1</span>
        </template>
        <a-empty/>
      </a-tab-pane>
      <a-tab-pane key="2">
        <template #tab>
          <span>Tab 2</span>
        </template>
        <a-empty/>
      </a-tab-pane>
      <a-tab-pane key="3">
        <template #tab>
          <span>Tab 3</span>
        </template>
        <a-empty/>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import {ref} from "vue";

export default {
  name: 'GameProtoFilter.vue',
  setup() {
    const activeKey = ref('1');
    return {
      activeKey
    }
  }
}
</script>
<style>
.card-container {
  background: #ffffff;
  padding: 24px;
}
</style>
